

import React  from "react"
import Head from "./Head.jsx";
import { Foot } from "./Foot";
import { MyCpt } from "./Cpt";
import CptRule from "./CptRule";
import { CptCss } from "./Cptcss";
import CptEvent from "./CptEvent";
import {PropsOne} from "./Props1"
import {State1} from "./State1"
import {State2} from "./State2"
import { Props2 } from "./Props2";
import { LifeTime } from "./lifetime";
import { ContextDemo } from "./Contextdemo";
import DataDemo from "./DataDemo"
import {Banner } from "./Banner"

import TodoListOne from "./todoList1"
import TodoListTwo from "./todolist2";
import TodoListThree from "./todolist3";
class Layouts extends React.Component{


    render(){
      return (
        <div>
          <Head/>
          <h2> React - 初始学习 </h2>
          {/* <MyCpt/> */}
          {/* <CptRule/> */}
          {/* <CptCss/> */}
          {/* <CptEvent/> */}
            {/* <PropsOne/> */}
            {/* <State1 word="2107-YYDS"/> */}

            {/* <State2 word="2107-YYDS"/> */}
            {/* <Props2/> */}
            {/* <LifeTime/> */}
          {/* <ContextDemo/> */}
          {/* <DataDemo/> */}
          {/* <Banner/> */}
          {/* <TodoListOne/> */}
          {/* <TodoListTwo/> */}
          <TodoListThree/>
          <hr/>
          
          <Foot/>
        </div>
      )
    }
}

export default Layouts 